﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="InfoServico.aspx.cs" Inherits="NewTierra.Pages.Servicos.InfoServico" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
      <link rel="shortcut icon" href="../../images/Icones/favicon.ico" type="image/x-icon" />
      <link href="../../Styles/jquery-ui.css" rel="stylesheet" />    
    <script type="text/javascript" src="../../Scripts/jquery-1.11.0.js"></script>
    <script type="text/javascript" src="../../Scripts/jquery-ui-1.10.0.js"></script>

      <script src="../../Scripts/jquery.MultiFile.js" type="text/javascript"></script>
      <script src="../../Scripts/jquery.lightbox-0.5.js" type="text/javascript"></script>
      <link href="../../Styles/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" />
      <link href="../../Styles/EstiloGeral.css" rel="stylesheet" type="text/css" />

    <style type="text/css">
        body   
        {
         background-color:White;
         font-size: .80em;
         font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
         padding: 0px;
         width: 1343px;
         height: 965px;
         margin-left: 5px;
         margin-right: 0px;
         margin-top: 5px;
         color: #666;
        }
         #informacoes
        {
            height: 958px;
            width: 1330px;
            padding: 10px;
        }
        #informacoes .ServInfoEsq
        {
            height: 901px;
            float: left;
            width: 647px;
        }
        #informacoes .ServInfoDir
        {
            height: 219px;
            float: left;
            width: 679px;
        }
        .fotoPr
        {
            height: 200px;
            width: 200px;
            float: left;
        }
        .Endereco
        {
            height: 209px;
            float: left;
            width: 288px;
            margin-left: 5px;
        }
        .Infos
        {
            height: 680px;
            width: 637px;
            float: left;
            border:1px solid #DBDBDB;
            border-radius:6px;
            -moz-border-radius:6px;
	        webkit-border-radius:6px;
	        background-color:#FFF;
        }
        #scrollInfo
        {
            height: 662px;
            overflow: auto;
            width: 621px;
            margin-left: 10px;
            margin-top: 10px;
        }
         #scrollFotos 
         {
            width:659px;
            height:191px;
            overflow:auto;
            margin-top: 9px;
        }
        .titulo
        {
            width: 533px; 
            margin-bottom: 0px; 
            margin-top: 0px; 
            font-family: verdana, Geneva, Tahoma, sans-serif; 
            font-weight: normal;
        }
        .tituloEndereco
        {
            font-family: Helvetica, Arial, sans-serif;
            font-size: 15px;
            font-weight: bold;
            font-style: italic;
            color: #0766D0;
            padding: 0 0 0 5px;
            line-height: 29px;
        }
    </style>
</head>
<body>

     <script type="text/javascript">

         $(document).ready(function () {
             $('#gallery a').lightBox();
         });

     </script>

    <form id="form1" runat="server">
    
         <div id="informacoes">

             <h2 class="titulo">Info Serviços</h2>
             <hr />

           
           <div class="ServInfoEsq">

            <div class="fotoPr">
            
                <asp:Image ID="FotoPrincipal" runat="server" Height="200px" Width="200px" />
            
            </div>

            <div class="Endereco">
            
                <asp:Label ID="lblNomeServico" runat="server" CssClass="tituloEndereco"></asp:Label>
                <br />
                <asp:Label ID="lblCidade" runat="server" CssClass="tituloEndereco"></asp:Label>
                <br />
                <asp:Label ID="lblPais" runat="server" CssClass="tituloEndereco"></asp:Label>
                <br />

            </div>

            <div class="Infos">
                <div id="scrollInfo">
                <br />
                <asp:Label ID="lblInfoShort" runat="server"></asp:Label>
                <br />
                <br />
                <asp:Label ID="lblInfoLong" runat="server"></asp:Label>
                <br />
                <br />
                </div>
            </div>

           </div>

            <div class="ServInfoDir">

             <div class="popular-fotoInfo-container">
                <div id="scrollFotos">
                    <div id="gallery">

                     <asp:DataList ID="DataListFotosInfo" runat="server" Width="16px" 
                                   RepeatDirection="Horizontal" RepeatColumns="7" 
                                   CellPadding="0"
                                   Height="16px">
                         <ItemTemplate>
                          <div class="popular-fotoInfo-col">
                                    <div class="popular-fotoInfo-img-border">                             
                                        <a href='<%# String.Format("/NewTierra/Galeria/Servicos/{0}/{1}", DataBinder.Eval(Container.DataItem,"Servicos_Id"), DataBinder.Eval(Container.DataItem, "Serv_img_nome"))%>'><asp:Image ID="Image2" runat="server" Height="70px" Width="70px"  ImageUrl='<%# String.Format("/NewTierra/Galeria/Servicos/{0}/{1}", DataBinder.Eval(Container.DataItem,"Servicos_Id"), DataBinder.Eval(Container.DataItem, "Serv_img_nome"))%>'/></a>
                                        <br />
                                    </div>
                                    </div>

                         </ItemTemplate>
                     </asp:DataList>

                    </div>
                </div>
            </div>

            </div>

         </div>

    </form>
</body>
</html>
